var clientWidth=window.screen.width;
var html=document.getElementsByTagName('html')[0];
html.style.fontSize=clientWidth/20+'px';
window.onload=function(){
	function $(id){
        return document.getElementById(id);
}
$('content').onclick=function(){
	$('xiahuaxian').style.display='block';
	$('xiahuaxian1').style.display='none';
}
$('content2').onclick=function(){
	$('xiahuaxian').style.display='none';
	$('xiahuaxian1').style.display='block';
}
var shufflingFigure = document.getElementById('shufflingFigure');
var pic = shufflingFigure.getElementsByTagName('img');
var btns = document.getElementsByClassName('shufflingFigure_smallBox_btn');
var index = 0;
var timer;
timer=setInterval(function(){
	index++;
   	if (index==pic.length) {			
        index=0;
   }
   for(var i=0;i<pic.length;i++){
     pic[i].style.opacity =0;
     btns[i].style.background ='#fff';           
   }
     pic[index].style.opacity =1;
     btns[index].style.background ='red'; 
  },2000);
}
